<!DOCTYPE html>
<!--suppress ALL-->
<!-- saved from url=(0024)http://www.hasbei.com/qa -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>有贝口腔网-口腔问题-口腔问答-就上有贝口腔网 </title>
    <meta name="keywords" content="有贝口腔网,口腔网,口腔知识,口腔问答,口腔问题">
    <meta name="description" content="有贝口腔网是一家专注互联网口腔服务网站，为用户提供腔知识,口腔资讯,口腔问题,口腔问答,口腔诊所,诊所入住,口腔厂家,厂家入住,在线看牙等综合服务口腔网站">
    <link rel="stylesheet" href="/css/swiper.min.css">
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/commone.css">
    <link rel="stylesheet" href="/css/commthree.css">
    <link rel="stylesheet" media="screen and (min-width:481px)" href="/css/quesansw.css">
    <link rel="stylesheet" media="screen and (max-width:480px)" href="/css/quesansw(1).css">


    <script src="/js/hm.js"></script>

    <script type="text/javascript">
        var basePath = "/";
    </script>
    <!--<script src="/js/common.js"></script>-->
    <script src="/js/jquery-3.5.1.min.js"></script>
    <script src="/js/footfixed.js"></script>

    <script src="/js/right-lub.js"></script>
    <script src="/js/qaindex.js"></script>
    <script src="/js/swiper.min.js"></script>
    <script src="/js/layer.js"></script>
    <link rel="stylesheet" href="/css/layer(1).css" id="layuicss-layer">
</head>
<body>
<div class="content">

    <!--头部-->
    <div th:replace="common/hasbei_top"></div>
    <div th:replace="~{/answers/answers_type::answers_type}"></div>
    <div class="content-main">
        <!--保存类型ID-->
        <input  hidden="hidden" id="cid" th:value="${classId}">

        <div class="box-bg-shadow">
            <div class="main-info-list">

                <div class="list-item">

                    <script type="text/javascript">
                        var page = 1;
                        var tabType = "10";
                        function qaClickType(obj,type) {
                            page = 1;
                            tabType = type;
                            //清空数据 设置样式
                            $("#myContent").html("");
                            $(".list-item-tab li").removeClass("list-item-tab-active");
                            $(obj).addClass("list-item-tab-active");
                            //显示搜索样式
                            $(".load-more").show();
                            $(".load-more-two").hide();
                            $(".no-data").hide();
                            var cid=$("#cid").val();

                            $.post("/qaClickType?cid="+cid+"&type="+tabType+"&page="+page+"&limit=7",function(data){
                                $(".load-more").hide();
                                //如果没有数据了就隐藏
                                if(data.length==0 || data.code == 301){
                                    $(".no-data").show();
                                }else{
                                    $(".load-more-two").show();
                                    $("#myContent").append(data.data);
                                }
                            });
                        }


                    </script>

                    <ul class="list-item-tab">
                        <li onclick="qaClickType(this,10)" class="list-item-tab-active"><a href="javascript:;">推荐</a>
                        </li>
                        <li onclick="qaClickType(this,15)"><a href="javascript:;">已回答</a></li>
                        <li onclick="qaClickType(this,20)"><a href="javascript:;">未回答</a></li>
                    </ul>
                </div>

                <div id="myContent">


                    <!--问答十条-->
                    <div class="list-item" th:each="matter,userStat:${qaAppMatterTList}">
                        <!-- 问题配图 -->
                        <div class="list-item-top">
                            <a target="_blank" class="type" th:href="${'/answers_main/'+matter.getClassifyId()}" th:text="${matter.getClassifyT().getClassifyName()}"></a>
                            <a target="_blank" class="ansewer type"
                               th:href="${'/answers_ptl/'+matter.getMatterId()}" th:text="${matter.getAnswerCount()>0?'已回答':'未答'}"></a>
                            <a target="_blank" class="place"
                               th:href="${'/answers_ptl/'+matter.getMatterId()}">邀请您回答</a>
                        </div>
                        <div class="list-item-title">
                            <a target="_blank" th:href="${'/answers_ptl/'+matter.getMatterId()}" th:text="${matter.getMatterTitle()}"></a>
                        </div>


                        <div class="list-item-content-text" th:if="${matter.getAnswerCount()>0}">
                            <div class="text-ansower-user">
                                <a target="_blank" th:href="${'/msgindex/'+matter.getReplyUser().getUserId()}"
                                   class="user-img-name">
                                    <img th:src="${matter.getReplyUser().getImgPath()}">
                                    <span class="user-name" th:text="${matter.getReplyUser().getUserNickname()}"></span>
                                </a>
                                <p class="text-ansower-p">
                                    <!-- <span class="text-ansower-line"></span> -->
                                    <span class="text-ansower-huida">[回答内容]</span>
                                </p>
                            </div>
                            <p class="text-ansower-content">
                                <a target="_blank" th:href="${'/answers_ptl/'+matter.getMatterId()}" th:text="${matter.getAnswerT().getAnswerContent().substring(0, 20)+'...'}">
                                </a>
                            </p>
                        </div>


                        <div class="list-item-info">
                            <div class="list-item-info-left">
                                <a target="_blank" th:href="${'/msgindex/'+matter.getUserId()}"
                                   class="user-img-name">
                                    <img th:src="${matter.getAppUserT().getImgPath()}">
                                    <span class="user-name" th:text="${matter.getAppUserT().getUserNickname()}"></span>
                                </a>
                                <span class="time"><span th:text="${#dates.format(matter.getGroundTime(), 'yyyy-MM-dd')}"></span></span>
                                <a target="_blank" class="huida"
                                   th:href="${'/answers_ptl/'+matter.getMatterId()}"><span th:text="${matter.getAnswerCount()}"></span>个回答</a>
                                <span class="dotted"></span>
                                <a target="_blank" class="liulan"
                                   th:href="${'/answers_ptl/'+matter.getMatterId()}"><span th:text="${matter.getReadCount()}"></span>阅读</a>
                            </div>
                            <div class="list-item-info-right">
                                <a target="_blank" th:href="${'/answers_ptl/'+matter.getMatterId()}">
                                    <img src="/icon/Write.png" alt="有贝口腔网">
                                    <span>我要回答</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="more-content">
                    <script>
                        function qaMoreType() {
                            page++;
                            //显示搜索样式
                            $(".load-more").show();
                            $(".load-more-two").hide();
                            $(".no-data").hide();
                            var cid=$("#cid").val();

                            $.post("/qaClickType?cid="+cid+"&type="+tabType+"&page="+page+"&limit=7",function(data){
                                $(".load-more").hide();
                                //如果没有数据了就隐藏
                                if(data.length==0 || data.code == 301){
                                    $(".no-data").show();
                                }else{
                                    $(".load-more-two").show();
                                    $("#myContent").append(data.data);
                                }
                            });
                        }
                    </script>
                    <div class="load-more" style="display:none;">
                        <img src="/img/load-more.gif" alt="有贝口腔网">
                        <span>加载中</span>
                    </div>
                    <div class="load-more-two load-more-fade" onclick="qaMoreType()">点击加载更多</div>
                    <div class="no-data" style="display:none;">-- 没有数据啦,我是有底线的哦 --</div>
                </div>
            </div>
        </div>

        <div class="aside-left">

            <!--發表文章問題功能-->
            <div th:replace="common/tooth_function"></div>


            <div class="wonderful-top">
                <div class="wonderful-top-title">
                    <!-- <img src="/static/images/rmd.png" alt="有贝口腔网"> -->
                    <span>大家都在问</span>
                </div>

                <div class="wonderful-ansewer-list">
                    <!--十条-->
                    <div class="ansewer-list-item" th:each="matter,userStat:${allQaMatters}">

                        <span th:class="${userStat.index<3?'pink-bg':''}" th:text="${userStat.index+1}"></span>
                        <div>
                            <a target="_blank" class="ansewer-list-title"
                               th:href="${'/answers_ptl/'+matter.getMatterId()}" th:text="${matter.getMatterTitle()}"></a>
                            <div class="ansewer-list-info">
                                <a target="_blank" th:href="${'/answers_ptl/'+matter.getMatterId()}">
                                    <!-- <img src="/static/images/Write.png" alt=""> -->
                                    <span class="ansewer-list-info-ansewer" th:text="${matter.getAnswerCount()>0?'回答':'未答'}"></span>
                                </a>
                                <a target="_blank" th:href="${'/answers_ptl/'+matter.getMatterId()}"><span th:text="${matter.getAnswerCount()}"></span>个回答</a>
                                <span class="dotted"></span>
                                <a target="_blank" th:href="${'/answers_ptl/'+matter.getMatterId()}"><span th:text="${matter.getReadCount()}"></span>阅读</a>
                            </div>
                        </div>

                    </div>

                </div>
            </div>
        </div>

    </div>

    <div th:replace="common/hasbei_bottom"></div>


    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?4245936cbef31e434e2b387b56dfd7d8";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

</div>


</body>
</html>